<template>
  <div class="home">
    <header style="padding: 10px;">
      <section><img src="../../../static/images/logo.png" alt=""></section>
      <section class="sec2">
        <!--<router-link to="/login" style="color: #fff;">登录</router-link>-->
      </section>
    </header>
    <section>
      <router-view></router-view>
    </section>
    <footer>
      <section class="nav">
        <md-bottom-bar class="md-transparent" md-shift>
          <md-bottom-bar-item md-icon="music_note" href="/home/recommend">音乐</md-bottom-bar-item>
          <md-bottom-bar-item md-icon="ondemand_video" href="/home/movice">电影</md-bottom-bar-item>
          <md-bottom-bar-item md-icon="books" href="/home/book">书籍</md-bottom-bar-item>
          <md-bottom-bar-item md-icon="photo" href="/home/photo">图片</md-bottom-bar-item>
        <!--  <md-bottom-bar-item @click.native="doAction(0)"><i class="iconfont icon-music btm-nav-icon"></i>音乐</md-bottom-bar-item>
          <md-bottom-bar-item @click.native="doAction(1)"><i class="iconfont icon-tubiao- btm-nav-icon"></i>电影</md-bottom-bar-item>
          <md-bottom-bar-item @click.native="doAction(2)"><i class="iconfont icon-book btm-nav-icon"></i>书籍</md-bottom-bar-item>
          <md-bottom-bar-item @click.native="doAction(3)"><i class="iconfont icon-photo btm-nav-icon"></i>图片</md-bottom-bar-item>-->
        </md-bottom-bar>
      </section>
    </footer>
  </div>
</template>
<script>
  export default {
    name:'home',
    method:{



    }

  }
</script>
<style scoped="">
  .home header{
    width: 100%;
    display: flex;
    background: #D43C33;
  }
  header{
    position: fixed;
    top:0;
    left:0;
    right: 0;
    z-index: 1001;
  }
  .home header>section{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sec2>a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
  }
  footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    background: #ffffff;
  }

</style>
